<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div>
        <p>div里面的p标签</p>
    </div>
</body>
<script type="text/javascript">
    var div = document.getElementsByTagName("div")[0];
    var p = document.getElementsByTagName("p")[0];
    //		div.addEventListener("click",function  () {
    //			alert("点击的是div")
    //		})
    //		p.addEventListener("click",function  () {
    //			alert("点击的是p")
    //		})
    //上面是事件的冒泡
    //		div.addEventListener("click",function  () {
    //			alert("点击的是div")
    //		},true)
    //		p.addEventListener("click",function  () {
    //			alert("点击的是p")
    //		},true)
    //这是是事件的捕获
    $("p").click(function(e) {
        e.stopPropagation()
        alert("点击的是p")

    })
    $("div").click(function() {
        alert("点击的是div")

    })
</script>

</html>